
.login-box{
  position: fixed;
  width:100%;
  height:100%;
  background: url("../../assets/images/styleChange/loginBg.png") no-repeat center;
  background-size: cover;
}

.login-box-inner{
  position: absolute;
  left:50%;
  top:40%;
  width:720px;
  text-align: center;
  transform: translate(-50%, -50%);
  .logo{
    img{
      width: 100%;
    }
     /* width:200px;
      height:160px;
      margin:0 auto;
      background: url("../../assets/images/logo.png") center center / 100%,100%  no-repeat ;*/

  }
  .login-title{
    font-size:25px;
    font-weight:400;
    color:#fff;
    margin-top: 16%;
    letter-spacing: 5px;
  }
  form{
      width:40%;
      margin:0 auto;
      margin-top: 5%;
      .ant-btn{
        width:100%;
      }
    .has-error .ant-input, .has-error .ant-input:hover,.has-error .ant-input:focus {
      border-color: #0DE8FB;
      /* background: rebeccapurple; */
      background: rgba(255,255,255,0.2);
      border-radius: 6px;
      padding-left: 40px;
      /* height: 56px; */
    }
    .ant-input-affix-wrapper .ant-input:not(:first-child) {
      padding-left: 40px;
    }
    .has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
      border-color: #0DE8FB;
    }
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      color: #FFFFFF !important;
    }
    ::-moz-placeholder { /* Firefox 19+ */
      color: #FFFFFF !important;
    }
    :-ms-input-placeholder { /* IE 10+ */
      color: #FFFFFF !important;
    }
    :-moz-placeholder { /* Firefox 18- */
      color: #FFFFFF !important;
    }

    .loginBtn{
      background:linear-gradient(0deg,rgba(1,119,228,1),rgba(0,184,255,1));
      border-radius:6px;
      border: none;
    }
  }
  h1{
      margin:20px 0 60px;
      font-size: 48px;
      color:#fff;
  }
}
